{extend name="../../admin/view/main"}

{block name="button"}

{/block}

{block name="content"}
<div class="layui-tab layui-tab-card think-bg-white">
    <div class="layui-tab-content table-block">
        {include file='test_config/index_search'}
        <table class="layui-table" lay-skin="line">
            <thead>
            <tr>
                <th class='list-table-check-td think-checkbox'>
                    <label><input id="selectAll" data-auto-none data-check-target='.list-check-box'
                                  type='checkbox'></label>
                </th>
                <th class='text-left'>ID</th>
                <th class='text-left'>文件名</th>
                <th class='text-left'>上传用户</th>
                <th class='text-left'>上传时间</th>
                <th class="text-left" style="width: 240px;">操作</th>
                <th>
                </th>
            </tr>
            </thead>
            <tbody>
            {foreach $list as $key=>$vo}
            <tr>
                <td class='list-table-check-td think-checkbox'>
                    <label><input class="list-check-box" value='{$vo.id}' name="select" type='checkbox'></label>
                </td>
                <td class='text-left '>{$vo.id|default=''}</td>
                <td class='text-left '>{$vo.config_name|default=''}</td>
                <td class='text-left '>{$vo.manager_name|default=''}</td>
                <td class='text-left '>{$vo.created_at|default=''}</td>
            </tr>
            {/foreach}
            </tbody>
        </table>
        <div style="margin-top: -5px;">{empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}
        </div>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/layui@2.7.2/layui.js"></script>
<script>
    layui.use(['layer'], function () {
        var layer = layui.layer;

        // 全选和取消全选功能
        document.getElementById('selectAll').addEventListener('click', function () {
            var checkboxes = document.querySelectorAll('input[name="select"]');
            checkboxes.forEach(function (checkbox) {
                checkbox.checked = document.getElementById('selectAll').checked;
            });
        });

        // 批量删除按钮点击事件
        document.getElementById('batchDeleteBtn').addEventListener('click', function () {
            var checkboxes = document.querySelectorAll('input[name="select"]:checked');
            if (checkboxes.length === 0) {
                layer.msg('请先选择要删除的文件');
                return;
            }

            // 获取选中的ID数组
            var ids = [];
            checkboxes.forEach(function (checkbox) {
                ids.push(checkbox.value); // 获取选中复选框的 value 值（ID）
            });

            // 确认删除操作
            layer.confirm('确定要删除选中的文件吗？', {icon: 3, title: '提示'}, function (index) {
                // 假设你的批量删除 API 是 /api/delete
                fetch('/airobot/test_config/remove.html?spm=m-25-91-92', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify({ids: ids}) // 发送选中的 ID 列表
                })
                    .then(response => response.json())
                    .then(result => {
                        if (result.code) {
                            layer.msg('删除成功');
                            // 删除选中的行
                            checkboxes.forEach(function (checkbox) {
                                checkbox.closest('tr').remove(); // 删除表格中的行
                            });
                        } else {
                            layer.msg('删除失败');
                        }
                    })
                    .catch(error => {
                        console.error('删除请求出错:', error);
                        layer.msg('请求出错');
                    });

                layer.close(index); // 关闭确认框
            });
        });
    });
</script>

<script>
    layui.use(['layer'], function () {
        var layer = layui.layer;

        // 全选和取消全选功能
        document.getElementById('selectAll').addEventListener('click', function () {
            var checkboxes = document.querySelectorAll('input[name="select"]');
            checkboxes.forEach(function (checkbox) {
                checkbox.checked = document.getElementById('selectAll').checked;
            });
        });

        // 批量删除按钮点击事件
        document.getElementById('batchReleaseBtn').addEventListener('click', function () {
            var checkboxes = document.querySelectorAll('input[name="select"]:checked');
            if (checkboxes.length === 0) {
                layer.msg('请先选择要发布的文件');
                return;
            }

            // 获取选中的ID数组
            var ids = [];
            checkboxes.forEach(function (checkbox) {
                ids.push(checkbox.value); // 获取选中复选框的 value 值（ID）
            });

            // 确认删除操作
            layer.confirm('确定要发布选中的文件吗？', {icon: 3, title: '提示'}, function (index) {
                // 假设你的批量删除 API 是 /api/delete
                fetch('/airobot/test_config/release.html?spm=m-25-91-92', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify({ids: ids}) // 发送选中的 ID 列表
                })
                    .then(response => response.json())
                    .then(result => {
                        if (result.code) {
                            layer.msg('发布成功');
                            // 删除选中的行
                            checkboxes.forEach(function (checkbox) {
                                checkbox.closest('tr').remove(); // 删除表格中的行
                            });
                        } else {
                            layer.msg(result.info);
                        }
                    })
                    .catch(error => {
                        console.error('发布请求出错:', error);
                        layer.msg('请求出错');
                    });

                layer.close(index); // 关闭确认框
            });
        });
    });
</script>
{/block}

